<div class="box">
    <div class="top">
        <div>
            <svg class="icon" aria-hidden="true" (click)="goBack()">
                <use xlink:href="#icon-zuobofang"></use>
            </svg>
            <span>歌单漫游</span>
        </div>
        <svg class="icon" aria-hidden="true">
            <use xlink:href="#icon-leida2_1"></use>
        </svg>
    </div>
    <div class="content">
        <div class="box">
            <div class="music">
                <img [src]="music.image">
                <div class="center">
                    <p>{{music.title}}</p>
                    <p><img [src]="music.image" alt="">
                        <span>{{music.name}}</span></p>
                </div>
            </div>
            <div class="menu">
                <ul>
                    <li>
                        <svg class="icon" aria-hidden="true">
                            <use xlink:href="#icon-bofang1"></use>
                        </svg>
                        <span>播放全部</span>
                        <span>(120)</span>
                    </li>
                    <li>
                        <svg class="icon" aria-hidden="true">
                            <use xlink:href="#icon-xiajiantou"></use>
                        </svg>
                        <svg class="icon" aria-hidden="true">
                            <use xlink:href="#icon-24gl-playlistMusic"></use>
                        </svg>
                    </li>
                </ul>
                <ul>
                    <li *ngFor="let song of song; index as i;">
                             <span>{{i+1}}</span>
                        <div>
                            <!-- <span>{{song.name}}</span> -->
                            <p>
                                <span>Hi-Res</span>
                                <!-- <span>{{song.singer}}---{{song.write}}</span> -->
                            </p>
                        </div> 
                        <p><svg class="icon" aria-hidden="true">
                            <use xlink:href="#icon-bofang1"></use>
                        </svg>
                        <svg class="icon" aria-hidden="true">
                            <use xlink:href="#icon-24gf-ellipsisVertical"></use>
                        </svg></p>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <div class="bottom">
        <page-footer></page-footer>
    </div>
</div>
